<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<!-- For Resposive Device -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- For IE -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">

		<title>高嵩的居家网</title>
		
		<!-- Main style sheet -->
		<link rel="stylesheet" href="css/style.css">
		<!-- responsive style sheet -->
		<link rel="stylesheet" href="css/responsive.css">

		<!-- Fix Internet Explorer ______________________________________-->

		<!--[if lt IE 9]>
			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
			<script src="vendor/html5shiv.js"></script>
			<script src="vendor/respond.js"></script>
		<![endif]-->
	</head>
	
	<body>
	
		<div class="main-page-wrapper">

			<!-- Header _________________________________ -->
			<section class="header-section">
				<div class="top-header">
					<div class="container">
						<div class="clear-fix">
							<ul class="float-left top-header-left">
								<li><a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i> 哈尔滨石油学院</a></li>
								<li><a href="#"><i class="fa fa-envelope-o" aria-hidden="true"></i> 188461144771@163.com</a></li>
							</ul>
							
						</div>
					</div>
				</div>
				
				<!-- Theme Main Menu ____________________________ -->
				<div class="theme-main-menu">
					<div class="container">
						<div class="main-menu clear-fix">

							<div class="search-button-content float-right">
								<button class="cart tran3s"><i class="fa fa-shopping-bag" aria-hidden="true"></i> <span>2</span></button>
					   			<button class="search b-p-bg-color" id="search-button"><i class="fa fa-search" aria-hidden="true"></i></button>
					   			<div class="search-box tran5s" id="searchWrapper">
					   				<button id="close-button" class="p-color"><i class="fa fa-times" aria-hidden="true"></i></button>
					   				<div class="container">
					   					<img src="images/them-logo/them-main-logo-1.png" alt="Logo">
					   					<form action="#">
					   						<input type="text" placeholder="Search....">
					   						<button class="p-bg-color"><i class="fa fa-search" aria-hidden="true"></i></button>
					   					</form>
					   				</div>
					   			</div> <!-- /.search-box -->
					   		</div> <!-- /.right-content -->
					   		<div class="them-logo float-left"><a href="#"><img src="images/them-logo/them-main-logo-1.jpg" alt="logo"></a></div>

							<!-- Menu -->
							<nav class="navbar">
								<!-- Brand and toggle get grouped for better mobile display -->
								<div class="navbar-header">
									<button type="button" class="navbar-toggle collapsed tran3s" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
										<span class="sr-only tran3s">Toggle navigation</span>
										<span class="icon-bar tran3s"></span>
										<span class="icon-bar tran3s"></span>
										<span class="icon-bar tran3s"></span>
									</button>
								</div>
								
								<!-- Collect the nav links, forms, and other content for toggling -->
								<div class="collapse navbar-collapse" id="navbar-collapse-1">
									<ul class="nav navbar-nav">
										<li><a href="index.html">首页</a></li>
									    <li><a href="about-us.html">关于</a></li>
										<li><a href="shop.html">商店</a></li>
										<li><a href="shop-details.html">商品详情</a></li>
										
									</ul>
								</div><!-- /.navbar-collapse -->
							</nav>
						</div> <!-- / menu-skew-div -->
					</div> <!-- /.container main-menu -->
				</div> <!-- /.main-menu -->
			</section>

			<!-- Theme Main Banner ____________________________ -->
			<section>
				<div id="theme-main-banner">
					<div data-src="images/home/banner-slider-1.jpg">
						<div class="camera_caption">
							<div class="container text-center">
							    <h1 class="wow fadeInUp animated" data-wow-delay="0.2s">你的家居，你做主</h1>
							    <span class="wow fadeInUp animated" data-wow-delay="0.5s"> 15年以上专业服务经验 </span>
							    <p class="wow fadeInUp animated" data-wow-delay="0.8s">家居装修服务，为您提供最优质的家居服务</p>
								<a href="#" class="tran3s wow fadeInLeft animated banner-button-left" data-wow-delay="1s">Shop Now</a>
								<a href="#" class="tran3s wow fadeInRight animated banner-button-right" data-wow-delay="1s">Get Now</a>
							</div> <!-- /.container -->
						</div> <!-- /.camera_caption -->
					</div>
					<div data-src="images/home/banner-slider-1.jpg">
						<div class="camera_caption">
							<div class="container text-center">
								<h1 class="wow fadeInUp animated" data-wow-delay="0.2s">你的家居，你做主</h1>
							    <span class="wow fadeInUp animated" data-wow-delay="0.5s">  15年以上专业服务经验 </span>
							    <p class="wow fadeInUp animated" data-wow-delay="0.8s">家居装修服务，为您提供最优质的家居服务</p>
								<a href="#" class="tran3s wow fadeInLeft animated banner-button-left" data-wow-delay="1s">Shop Now</a>
								<a href="#" class="tran3s wow fadeInRight animated banner-button-right" data-wow-delay="1s">Get Now</a>
							</div> <!-- /.container -->
						</div> <!-- /.camera_caption -->
					</div>
					<div data-src="images/home/banner-slider-1.jpg">
						<div class="camera_caption">
							<div class="container text-center">
								<h1 class="wow fadeInUp animated" data-wow-delay="0.2s">你的家居，你做主</h1>
							    <span class="wow fadeInUp animated" data-wow-delay="0.5s">  15年以上专业服务经验 </span>
							    <p class="wow fadeInUp animated" data-wow-delay="0.8s">家居装修服务，为您提供最优质的家居服务</p>
								<a href="#" class="tran3s wow fadeInLeft animated banner-button-left" data-wow-delay="1s">Shop Now</a>
								<a href="#" class="tran3s wow fadeInRight animated banner-button-right" data-wow-delay="1s">Get Now</a>
							</div> <!-- /.container -->
						</div> <!-- /.camera_caption -->
					</div>
				</div> <!-- /#theme-main-banner -->
			</section>

			

			

			<!-- Our Pet Services ____________________________ -->
			<section class="our-pet-services-section">
				<div class="container">
					<div class="them-title text-center">
						<span></span>
						<h2>我们的居家服务</h2>
						<!-- <p>Best Friends Pet Care is the leader of the pack when it comes to the absolute best care for your cat or dog.</p> -->
					</div>

					<div class="row our-pet-services">
						<div class="col-md-4 col-xs-6 our-pet-services-item-width">
							<div class="our-pet-services-item">
								<div class="our-pet-services-img">
									<img src="images/home/05.jpg" alt="image">
								</div>
								<div class="our-pet-services-text">
									<h5><a href="#">样式一</a></h5>
									<p>家居装修服务，为您提供最优质的家居服务</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-xs-6 our-pet-services-item-width">
							<div class="our-pet-services-item">
								<div class="our-pet-services-img">
									<img src="images/home/06.jpg" alt="image">
								</div>
								<div class="our-pet-services-text">
									<h5><a href="#">样式二</a></h5>
									<p>家居装修服务，为您提供最优质的家居服务</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-xs-6 our-pet-services-item-width">
							<div class="our-pet-services-item">
								<div class="our-pet-services-img">
									<img src="images/home/07.jpg" alt="image">
								</div>
								<div class="our-pet-services-text">
									<h5><a href="#">样式三</a></h5>
									<p>家居装修服务，为您提供最优质的家居服务</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-xs-6 our-pet-services-item-width">
							<div class="our-pet-services-item">
								<div class="our-pet-services-img">
									<img src="images/home/05.jpg" alt="image">
								</div>
								<div class="our-pet-services-text">
									<h5><a href="#">样式四</a></h5>
									<p>家居装修服务，为您提供最优质的家居服务</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-xs-6 our-pet-services-item-width">
							<div class="our-pet-services-item">
								<div class="our-pet-services-img">
									<img src="images/home/06.jpg" alt="image">
								</div>
								<div class="our-pet-services-text">
									<h5><a href="#">样式五</a></h5>
									<p>家居装修服务，为您提供最优质的家居服务</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-xs-6 our-pet-services-item-width">
							<div class="our-pet-services-item">
								<div class="our-pet-services-img">
									<img src="images/home/07.jpg" alt="image">
								</div>
								<div class="our-pet-services-text">
									<h5><a href="#">样式六</a></h5>
									<p>家居装修服务，为您提供最优质的家居服务</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			
			
			

			<!-- 客户评价 ____________________________ -->
			<div class="client-slider">
				<div class="opacity">
					<div class="container">
						<div class="them-title text-center">
							<span></span>
							<h2>客户评价</h2>
						</div> <!-- /.theme-title -->

						<div class="testimonial-slider">
							<div id="client-review-slider" class="owl-carousel owl-theme">
								<div class="item">
									<div class="clearfix">
										<img src="images/home/img-8.jpg" alt="" class="float-left">
										<div class="name float-left">
											<h6>张三</h6>
											<p>计算机科学家</p>
										</div> <!-- /.name -->
									</div> <!-- /.clearfix -->
									<div class="text">
										<p>我对高嵩居家网提供的服务很满意。Felix太棒了!他迅速回了我的电话，回答了我所有的问题。</p>
									</div>
								</div> <!-- /.item -->
								<div class="item">
									<div class="clearfix">
										<img src="images/home/img-9.jpg" alt="" class="float-left">
										<div class="name float-left">
											<h6>李四</h6>
											<p>建筑工人</p>
										</div> <!-- /.name -->
									</div> <!-- /.clearfix -->
									<div class="text">
										<p>我对高嵩居家网提供的服务很满意。Felix太棒了!他迅速回了我的电话，回答了我所有的问题。</p>
									</div>
								</div> <!-- /.item -->
								<div class="item">
									<div class="clearfix">
										<img src="images/home/img-8.jpg" alt="" class="float-left">
										<div class="name float-left">
											<h6>王五</h6>
											<p>销售前台</p>
										</div> <!-- /.name -->
									</div> <!-- /.clearfix -->
									<div class="text">
										<p>我对高嵩居家网提供的服务很满意。Felix太棒了!他迅速回了我的电话，回答了我所有的问题。</p>
									</div>
								</div> <!-- /.item -->
							</div> <!-- /.col- -->
						</div> <!-- /.row -->
					</div> <!-- /.container -->
				</div> <!-- /.opacity -->
			</div> <!-- /.client-slider -->

			

			

			<!-- Footer ____________________________ -->
			<footer>
				<div class="container">
					<div class="top-footer row">
						<div class="col-md-5 col-sm-7 col-xs-12 footer-logo">
							<a href="#"><img src="images/them-logo/them-main-logo-2.jpg" alt="Logo"></a>
							<p><span class="p-color">高嵩居家网</span>  是由心猿问道在2020年被编写</p>
						</div> <!-- /.footer-logo -->

						
					</div> <!-- /.top-footer -->
				</div> <!-- /.container -->

				<div class="bottom-footer">
					<div class="container">
						<p align="center" >Copyright &copy; 2020 by 心猿问道</p>
						
						<!-- <form action="#" class="float-right">
							<input type="text" placeholder="Your Email">
							<button class="tran3s p-bg-color">Subscribe</button>
						</form> -->
					</div> <!-- /.container -->
				</div> <!-- /.bottom-footer -->
			</footer>
			
		</div> <!-- /.main-page-wrapper -->
		

		<!-- Scroll Top Button -->
		<button class="scroll-top tran7s p-color-bg">
			<i class="fa fa-angle-up" aria-hidden="true"></i>
		</button>

		<!-- pre loader  -->
	 	<div id="loader-wrapper">
			<div id="loader"></div>
		</div>
	


		<!-- js file -->
		<!-- Main js file/jquery -->
		<script src="vendor/jquery-2.2.3.min.js"></script>
		<!-- bootstrap-select.min.js -->
		<script src="vendor/bootstrap-select-1.10.0/dist/js/bootstrap-select.min.js"></script>
		<!-- bootstrap js -->
		<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
		<!-- camera js -->
		<script src="vendor/Camera-master/scripts/camera.min.js"></script>
		<script src="vendor/Camera-master/scripts/jquery.easing.1.3.js"></script>
		<!-- Owl carousel -->
		<script src="vendor/OwlCarousel2/dist/owl.carousel.min.js"></script>
		<!-- appear & countTo -->
		<script src="vendor/jquery.appear.js"></script>
		<script src="vendor/jquery.countTo.js"></script>
		<!-- fancybox -->
		<script src="vendor/fancybox/dist/jquery.fancybox.min.js"></script>
		<!-- Gallery - isotop -->
		<script type="text/javascript" src="vendor/isotope.pkgd.min.js"></script>
		<!-- WOW js -->
		<script type="text/javascript" src="vendor/WOW-master/dist/wow.min.js"></script>
		<!-- Circle Progress -->
		<script type="text/javascript" src="vendor/circle-progress.js"></script>
		<!-- Style js -->
		<script src="js/custom.js"></script>

	</body>
</html>
